<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8" />
<title>發起活動</title>

<link rel="stylesheet"
	href="../css/sunny/fontsize1.1/jquery-ui-1.10.4.custom.css">
<link rel="stylesheet" href="../css/jquery-ui-timepicker-addon.css">

<script src="../js/jquery-1.10.2.js"></script>
<script src="../js/jquery-ui-1.10.4.custom.js"></script>
<script src="../js/jquery-ui-timepicker-addon.js"></script>
<script src="../js/jquery-ui-sliderAccess.js"></script>

<style>
input.text,textarea {
	margin-bottom: 12px;
	width: 50%;
	padding: .4em;
	font-size: 16px;
	font-family: '微軟正黑體';
}

button.ui-datepicker-current {
	display: none;
}
</style>

<script>
	$(function() {
		parent.$('#manageactivity').dialog("option", "position", "top");
		$('#act_time').datetimepicker({
			showButtonPanel : true,
			closeText : "完成",
			currentText : "現在時間",
			dateFormat : 'yy-mm-dd',
			timeFormat : 'HH:mm:ss',
			stepMinute : 30,
			showSecond : false,
			timeText : "時間",
			hourText : "幾點",
			minuteText : "幾分",
			secondText : "秒"
		});
		$('#act_deadline').datepicker({
			dateFormat : 'yy-mm-dd',
			timeFormat : 'HH:mm:ss',
			showButtonPanel : true,
			closeText : "完成",
			currentText : "今天日期"
		});
		$("p > span").buttonset();
		$(".buttonClass").button();
		$(this).height(500);
	});
</script>

</head>

<body>

<h3 style="text-shadow: 2px 2px 2px white; color: black; font-family: '微軟正黑體';">新活動</h3>
<form action="#" method="get" style="line-height: 16px; font-size: 16px; font-family: '微軟正黑體';">
		<p>
			<label for="title">活動標題：</label> <input type="text" id="title"
				name="act_title" autofocus
				class="text ui-widget-content ui-corner-all">
		</p>
		<p>
			活動性質： <span> <input id="public" type="radio"
				name="act_property" value="public"><label for="public">公開</label>
				<input id="private" type="radio" name="act_property" value="private"><label
				for="private">私人</label>
			</span>
		</p>
		<p>
			活動時間： <input type="text" placeholder="選擇日期時間" id="act_time"
				class="text ui-widget-content ui-corner-all">
		</p>
		<p>
			<label for="title">活動地點：</label> <input type="text" id="place"
				name="act_location" class="text ui-widget-content ui-corner-all">
		</p>
		<p>
			<span style="position:relative"><label for="content" style="position:absolute; top:-60px;">活動簡介：</label>
			<textarea cols="80" rows="5" placeholder="輸入活動簡介"
				class="text ui-widget-content ui-corner-all"
				style="position:relative; left:85px; resize: none;" ></textarea>
			</span>
		</p>
		<p>
			報名截止日： <input type="text" placeholder="選擇日期" id="act_deadline"
				class="text ui-widget-content ui-corner-all"><span
				style="color: grey;">（非必填）</span>
		</p>
		<a href="InviteFriend.html" class="buttonClass">送出</a> <input type="reset" value="重填"
			class="buttonClass"><br>
</form>

</body>

</html>